<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <link rel="stylesheet" href="lib/bootstrap-3.3.7/css/bootstrap.min.css">
    <link href="codeSeven-toastr/build/toastr.css" rel="stylesheet"/>
    <link rel="stylesheet" href="css/index/style.css">
    <link rel="stylesheet" href="css/footer/footer.css">
    <link rel="stylesheet" href="css/panel/panel.css">


    <script src="lib/jquery.js" type="text/javascript" charset="utf-8"></script>
    <script src="codeSeven-toastr/build/toastr.min.js"></script>
    <script src="lib/bootstrap-3.3.7/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>

    <script src="js/is_silent/silent.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/check_login/checkLogin.js" type="text/javascript" charset="utf-8"></script>

    <script src="js/host.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/consoleAbout.js" type="text/javascript" charset="utf-8"></script>
    <title>关于</title>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <!-- 进行切换的按钮，data-target 对应responsive-navbar的ID -->
            <button class="navbar-toggle" data-toggle="collapse" data-target="#responsive-navbar">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="#" class="navbar-brand"><strong>resources</strong></a>
        </div>
        <!-- div.collapse.navbar-collapse -->
        <!-- 再定义一个id，叫做响应式导航栏 -->
        <div class="collapse navbar-collapse" id="responsive-navbar">
            <ul class="nav navbar-nav">
                <!-- li*3>a -->
                <li><a href="index.html">首页</a></li>
                <li id="mine_link" style="display: none;"><a href="mine.html">我的</a></li>
                <li class="active"><a href="#">关于</a></li>
            </ul>
            <!-- 在导航栏中添加一个表单，首先我们可以添加一个搜索框的元素 -->
            <!--
            <form action="" method="" class="navbar-form navbar-left">
                <input type="text" placeholder="搜索" class="form-control"/>
                <button type="submit">
                    <span class="glyphicon glyphicon-search"></span>
                </button>
            </form>
            -->
            <a href="" tabindex="1" data-toggle="modal" data-target="#upload-modal"
               class="btn btn-primary btn-sm navbar-btn navbar-right hidden-xs">文件上传</a>
            <!-- 加上一个profile来包装登录注册的ul的nav -->
            <div class="profile navbar-right">
                <!-- 加上登录或者注册：靠右 -->
                <ul class="nav navbar-nav" id="login_before" style="display: block;">
                    <!-- 加上tabindex为1，当我打开此页面的时候，按下tab就从登录按钮开始 -->
                    <li><a href="" tabindex="1" data-toggle="modal" data-target="#login-modal">登录</a></li>
                    <li><a href="" tabindex="2" data-toggle="modal" data-target="#register-modal">注册</a></li>
                </ul>
                <ul class="nav navbar-nav" id="login_after" style="display: none;">
                    <li><a href="" tabindex="1" data-toggle="modal" data-target="#mine-info-modal">我的账户</a></li>
                    <li><a href="#" id="logout">退出</a></li>
                </ul>
            </div>
        </div>
    </div>
</nav>

<!--<div class="container">-->
<div class="container">
    <div id="top_about_panel" class="panel_transparent_white_low panel panel-default">
        <div class="panel-body">
            <p style="font-family: 华文新魏;font-size: 36px;">这是五彩，在做这个文件系统途中的感受...</p>
            <br>
            <p style="font-family: 华文新魏;font-size: 24px;">
                我的生活，应该说是学习生活迎来了一个新的迷茫期。<br>
                这是一篇没有图片，并且内容过于深刻，不适合在新年打开的日记
            </p>

        </div>
    </div>
    <div id="bottom_about_panel" class="panel_transparent_white panel panel-default">
        <div class="panel-body">
            <p>
                <span style="font-family: 华文新魏;font-size: 24px;">‌19.02.04</span>
            <hr>
                <span style="font-family: 华文新魏;font-size: 18px;">
                &emsp;&emsp;‌今天是除夕，腊月三十的凌晨一点多，我写下这篇日记；之前在知乎看到过一个问题，叫做：你在什么时候意识到了自己的平庸？我想对我来说就是此刻，无比契合。<br>
                ‌&emsp;&emsp;我又陆陆续续写了半个多月的项目代码，打算完成一份毕业设计，做一个文件共享系统，过程很顺利，没有任何波澜，学了bootstrap之后前台也不再对我造成那么多的困扰，偶尔还灵光一闪，做一些在我看来，颇为可道的功能，原来的我是最喜欢这样正向反馈的代码过程的，但是不知道为什么，今天的我，反而因为这种顺畅，感到恐慌，当我无波无折的写出这些的时候，我发现以前我认为的技术难点完全就是懒点。<br>
                &emsp;&emsp;‌这些值得我深深思考；被人广为复用的技术，本来就易学习，或者教程众多，亦或者有特殊的攻克方法，达到这一点本来就不值得传道，我为何沾沾自喜了如此之久？为自己感到惭愧。我开始有一种不好的感觉，不是厌烦，而是看到了五年后的自己。<br>
                &emsp;&emsp;‌靠已有技术体系加创意快速占领市场的策略已经开始失效，更多优秀的人会涌向已经稳定的各大巨无霸旗下的一个个部门的齿轮中，而大多数人没有资格挤进巨无霸，这种情况下只有巨无霸倒下或者巨无霸在危机情况下反应过激，效仿者才有可能翻身，而且就算巨无霸坍塌，也必将是下一批眼光尖锐的中产首当其冲或者财力充裕目光长远的老牌资产，大多数人没有这个时代要求的那种史诗般困难的魄力和眼光。<br>
                &emsp;&emsp;‌草根，占地插旗，再慢慢扩充的时代已经过去了，互联网经济也是如此。那种什么都会的传说程序员也要慢慢走下神坛了，工作越来越细，越来越求精的市场，那种什么都会的程序员慢慢等同于入门级程序员，再一次认识到写代码的人种繁多，都在写，但是哪些写的才算是代码，这个问题的答案留给未来的裁员和更迭吧，会有多少人出局会有多少人坚持下来…<br>
                &emsp;&emsp;‌新时代是给高科技工作者的，一系列的新政策，新机遇，新岗位，新的消费，生活模式，都会为他们或者经由他们的手展开。<br>
                &emsp;&emsp;‌想到这里我开始又为自己感到悲哀，好像只是这个时代的背景幕布，也算是解释了我开头的心情。我想要去认识和接触一群更好的人，真正能够教授我学习和接受我这种人的地方。就算不能参与这个时代的新局面也想做一个最近的旁观者。<br>
                &emsp;&emsp;‌说到底，我就是想要一个安稳并且有趣的生活，所以现在还不能停下沉浸在这种我太过舒适的氛围，梦想实现财务自由，并且实现自我价值的一个毫不惭愧的年轻人。至于安稳是什么标准？一天前我曾认为是5000块就行，现在我想我错了。<br>
                </span>
            </p>
        </div>
    </div>
</div>

<!--采用container-fluid，使得整个页尾的宽度为100%，并设置它的背景色-->
<footer class="container-fluid foot-wrap">
    <!--采用container，使得页尾内容居中 -->
    <div class="container">
        <div class="row" id="footer">
            <div class="row-content col-md-3 col-xs-6">
                <!--友情链接-->
                <h3 class="footer_header">FRIENDSHIP</h3>
                <ul>
                    <li><a href="http://www.lstc.edu.cn/">乐山师范学院</a></li>
                    <li><a href="http://blog.mzywucai.club">五彩的博客</a></li>
                    <li><a href="https://blog.csdn.net/qq_36791569">五彩的CSDN</a></li>
                    <li><a href="https://gitee.com/mzy1998">五彩的码云</a></li>
                </ul>
            </div>
            <div class="row-content col-md-3 col-xs-6">
                <!--浏览-->
                <h3 class="footer_header">SITE</h3>
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Mine</a></li>
                    <li><a href="#">About</a></li>
                </ul>
            </div>
            <div class="clearfix" id="footer-control"></div>
            <div class="row-content col-md-3 col-xs-6">
                <h3 class="footer_header">ABOUT</h3>
                <ul>
                    <li><a href="#">
                        People are inevitably born with self-pity. Only by staying awake at all times can we see where the value of truth lies.
                        <br>
                        Life is too long to do nothing, but too short to do something. These years, I have been reminding myself that one thing, do not move myself. Most people seem to work hard, but it's just a uploadResult of stupidity.
                    </a></li>
                </ul>
            </div>
            <div class="row-content col-md-3 col-xs-6">
                <h3 class="footer_header">CONCAT</h3>
                <ul>
                    <li><a href="mailto:mzywucai@foxmail.com"><span class="glyphicon glyphicon-envelope"></span>&ensp;<span>mzywucai@foxmail.com</span></a></li>
                </ul>
            </div>
        </div><!--/.row -->
    </div><!--/.container-->

    <p align="center" style="margin-top: 20px;color:#878B91;font-family: 华文新魏;">
        Copyright &copy;2019 TC-404 | PowerBy blog.mzywucai.club
    </p>

</footer>


<div class="modal fade" tabindex="-1" id="login-modal" data-remote="login-modal.html">
    <!-- 对话框大小控制：modal-lg modal-sm sm md lg-->
    <div class="modal-dialog modal-md">
        <div class="modal-content">

        </div>
    </div>
</div>

<div class="modal fade" tabindex="2" id="register-modal" data-remote="register-modal.html">
    <!-- 对话框大小控制：modal-lg modal-sm -->
    <div class="modal-dialog modal-md">
        <div class="modal-content">

        </div>
    </div>
</div>

<div class="modal fade" tabindex="2" id="mine-info-modal" data-remote="mine-info-modal.html">
    <!-- 对话框大小控制：modal-lg modal-sm -->
    <div class="modal-dialog modal-md">
        <div class="modal-content">


        </div>
    </div>
</div>

<!-- 显示一个遮罩，让用户集中于对话框本身 -->
<!-- 加上fade加上过渡效果 -->
<!-- 设置tabindex为-1，当tabindex为-1的时候，意思是当我这个遮罩层显示的时候就从我当前的位置开始显示		 -->
<!-- 显示对话框的时候，遮罩是默认显示的效果，如果要不显示遮罩的话，可以使用data-backdrop为false，这样就能不显示遮罩的了！ -->

<!-- <div class="modal fade" id="login-modal" tabindex="-1" data-backdrop="false"> -->
<div class="modal fade" tabindex="1" id="upload-modal" data-backdrop="static" data-keyboard="false"
     data-remote="upload-modal.html">
    <!-- 对话框大小控制：modal-lg modal-sm -->
    <div class="modal-dialog modal-lg">
        <div class="modal-content">

        </div>
        <!-- 为什么我再hbuilderx中使用ctrl + 句号 键 切换中英文的符号，不生效？或者按了很多次才生效。 -->
    </div>
</div>
</body>
</html>
